<template>
  <div class="home">
    <PageHeader msg="神影影院"/>
	<div class="cineme_menu">
		<div class="city_switch">
			全城<i class="fa fa-caret-down"></i>
		</div>
		<div class="city_switch">
			品牌<i class="fa fa-caret-down"></i>
		</div>
		<div class="city_switch">
			特色<i class="fa fa-caret-down"></i>
		</div>
	</div>
	<cinemaList></cinemaList>
	<TabBar></TabBar>
  </div>
</template>

<script>
// @ is an alias to /src
import PageHeader from '@/components/PageHeader.vue'
import TabBar from '@/components/TabBar.vue'
import cinemaList from '/src/components/cinemeList.vue'
export default {
  name: 'HomeView',
  components: {
   PageHeader,
   TabBar,
   cinemaList
   
  }
}
</script>
<style scoped="scoped">
	.cineme_menu{
		width: 100%;
		height: 45px;
		border-bottom: 1px solid #e6e6e6;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: white;
	}
</style>